{template header_static2.html}
<body>
    {template header.html}
    <!--内页大图开始-->
    <?php $neiyebanner=dr_site_value('neiyebanner');?>
    <?php if ($neiyebanner) { $key=0; foreach ($neiyebanner as $v) { ?>
    {if $key==0}
    <div class="nybanner" style="background-image: url({dr_get_file($v[2])});background-size:cover">
        <div class="w1200">
            <h3>{usu_fanyi($v[3], $language)}</h3>
            <span class="en">{usu_fanyi($v[4], $language)}</span> <span class="line"></span>
        </div>
    </div>
    {/if}
    <?php  $key++; } } ?> 
    <div class="wrapper">
        <!--栏目分类开始-->
        <div class="menu">
            <ul class="list clearfix">
                {category module=share pid=1 return=t}
                <li><a class="nav1" href="{dr_url_rel($t.url, SITE_URL)}" title="{usu_fanyi($t.name, $language)}">{usu_fanyi($t.name, $language)}<s></s></a> </li>
                {/category}
            </ul>
        </div>
        <!--栏目分类结束-->
        <div class="sitepath w1200"><s class="nyIcon"></s>您的位置： <a href='index.html' class=''>主页</a> > <a
                href='chanpinzhongxin.html' class=''>产品中心</a> > <a href='cp1.html'>手工土司</a></div>
        <!--图片内容开始-->
        <div class="content showNews clearfix" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
            <h1 class="title">产品中心标题六</h1>
            <div class="mark"><span>发布日期：2019-01-09 08:53</span><span>浏览次数：<i id="hits">
                        <script
                            src='https://demoall.kuaituiyun.cn/17571/index.php?m=api&c=Ajax&a=arcclick&type=view&aids=18'
                            type='text/javascript' language='javascript'></script>
                    </i></span></div>
            <!--组图开始-->
            <div class="MainBg">
                <div class="HS10"></div>
                <div class="OriginalPicBorder">
                    <div id="OriginalPic">
                        <div id="aPrev" class="CursorL" title="上一张"></div>
                        <div id="aNext" class="CursorR" title="下一张"></div>
                        <p class="Hidden"><span class="SliderPicBorder FlRight"><img
                                    src="{HOME_THEME_PATH}picture/1-1Z10ZU324.jpg" alt="产品中心标题六"></span><span
                                class="Clearer"></span></p>
                        <p class="Hidden"><span class="SliderPicBorder FlRight"><img
                                    src="{HOME_THEME_PATH}picture/1-1Z10ZU326.jpg" alt="产品中心标题六"></span><span
                                class="Clearer"></span></p>
                        <p class="Hidden"><span class="SliderPicBorder FlRight"><img
                                    src="{HOME_THEME_PATH}picture/1-1Z10Q645530-L.jpg" alt="产品中心标题六"></span><span
                                class="Clearer"></span></p>
                    </div>
                </div>
                <div class="HS15"></div>
                <div class="ThumbPicBorder"> <img src="{HOME_THEME_PATH}picture/arrowl.jpg" id="btnPrev" class="FlLeft">
                    <div class="pic">
                        <div class="jCarouselLite FlLeft">
                            <ul id="ThumbPic">
                                <li rel='0'><img src="{HOME_THEME_PATH}picture/1-1Z10ZU324.jpg" alt="产品中心标题六"></li>
                                <li rel='1'><img src="{HOME_THEME_PATH}picture/1-1Z10ZU326.jpg" alt="产品中心标题六"></li>
                                <li rel='2'><img src="{HOME_THEME_PATH}picture/1-1Z10Q645530-L.jpg" alt="产品中心标题六"></li>
                            </ul>
                            <div class="Clearer"></div>
                        </div>
                    </div>
                    <img src="{HOME_THEME_PATH}picture/arrowr.jpg" id="btnNext" class="FlLeft">
                    <div class="Clearer"></div>
                </div>
            </div>
            <!--组图结束-->
            <script type="text/javascript">
                //缩略图滚动事件
                $(".jCarouselLite").jCarouselLite({
                    btnNext: "#btnNext",
                    btnPrev: "#btnPrev",
                    scroll: 1,
                    speed: 240,
                    circular: false,
                    visible: 6
                });
            </script>
            <script type="text/javascript">
                var currentImage;
                var currentIndex = -1;

                //显示大图(参数index从0开始计数)
                function showImage(index) {

                    //更新当前图片页码
                    $(".CounterCurrent").html(index + 1);

                    //隐藏或显示向左向右鼠标手势
                    var len = $('#OriginalPic img').length;
                    if (index == len - 1) {
                        $("#aNext").hide();
                    } else {
                        $("#aNext").show();
                    }

                    if (index == 0) {
                        $("#aPrev").hide();
                    } else {
                        $("#aPrev").show();
                    }

                    //显示大图            
                    if (index < $('#OriginalPic img').length) {
                        var indexImage = $('#OriginalPic p')[index];

                        //隐藏当前的图
                        if (currentImage) {
                            if (currentImage != indexImage) {
                                $(currentImage).css('z-index', 2);
                                $(currentImage).fadeOut(0, function () {
                                    $(this).css({
                                        'display': 'none',
                                        'z-index': 1
                                    })
                                });
                            }
                        }

                        //显示用户选择的图
                        $(indexImage).show().css({
                            'opacity': 0.4
                        });
                        $(indexImage).animate({
                            opacity: 1
                        }, {
                            duration: 200
                        });

                        //更新变量
                        currentImage = indexImage;
                        currentIndex = index;

                        //移除并添加高亮
                        $('#ThumbPic img').removeClass('active');
                        $($('#ThumbPic img')[index]).addClass('active');

                        //设置向左向右鼠标手势区域的高度                        
                        //var tempHeight = $($('#OriginalPic img')[index]).height();
                        //$('#aPrev').height(tempHeight);
                        //$('#aNext').height(tempHeight);                        
                    }
                }

                //下一张
                function ShowNext() {
                    var len = $('#OriginalPic img').length;
                    var next = currentIndex < (len - 1) ? currentIndex + 1 : 0;
                    showImage(next);
                }

                //上一张
                function ShowPrep() {
                    var len = $('#OriginalPic img').length;
                    var next = currentIndex == 0 ? (len - 1) : currentIndex - 1;
                    showImage(next);
                }

                //下一张事件
                $("#aNext").click(function () {
                    ShowNext();
                    if ($(".active").position().left >= 144 * 5) {
                        $("#btnNext").click();
                    }
                });

                //上一张事件
                $("#aPrev").click(function () {
                    ShowPrep();
                    if ($(".active").position().left <= 144 * 5) {
                        $("#btnPrev").click();
                    }
                });

                //初始化事件
                $(".OriginalPicBorder").ready(function () {
                    ShowNext();

                    //绑定缩略图点击事件
                    $('#ThumbPic li').bind('click', function (e) {
                        var count = $(this).attr('rel');
                        showImage(parseInt(count) - 0);
                    });
                });
            </script>
            <div class="showContxt">
                面包也写作麺包，一种用五谷（一般是麦类）磨粉制作并加热而制成的食品。以小麦粉为主要原料，以酵母、鸡蛋、油脂、糖、盐等为辅料，加水调制成面团，经过分割、成形、醒发、焙烤、冷却等过程加工而成的焙烤食品。
            </div>
            <!--分享代码开始-->
            <!--分享代码结束-->
            <div class="reLink clearFix">
                <div class="prevLink fl"> <a href='17.html' title='产品中心标题五'> 上一篇：产品中心标题五 </a> </div>
                <div class="nextLink fl"> <a>下一篇：暂无</a> </div>
            </div>
            <!--产品推荐开始-->
            <div class="relateNews">
                <div class="n-tit"><a class="more fr" href="chanpinzhongxin.html" title="查看更多 &gt;&gt;">查看更多
                        &gt;&gt;</a>
                    <h3><s></s>产品推荐</h3>
                </div>
                <ul class="list clearfix">
                    <li class="item"><a href="" title="产品中心标题六"><img src="{HOME_THEME_PATH}picture/1-1Z10ZU3150-L.jpg"
                                alt="产品中心标题六">
                            <h3>产品中心标题六</h3>
                            <span class="time">2019-01-09</span>
                            <p>面包也写作麺包，一种用五谷（一般是麦类）磨粉制作并加热而制成的食品。以小麦粉为主要原料，以酵母、鸡蛋、油脂、糖、盐等为辅料，加水调制成面团，经过分割、成形、醒发、...</p>
                        </a></li>
                    <li class="item"><a href="17.html" title="产品中心标题五"><img src="{HOME_THEME_PATH}picture/1-1Z10ZU2400-L.jpg"
                                alt="产品中心标题五">
                            <h3>产品中心标题五</h3>
                            <span class="time">2019-01-09</span>
                            <p>面包也写作麺包，一种用五谷（一般是麦类）磨粉制作并加热而制成的食品。以小麦粉为主要原料，以酵母、鸡蛋、油脂、糖、盐等为辅料，加水调制成面团，经过分割、成形、醒发、...</p>
                        </a></li>
                    <li class="item"><a href="16.html" title="产品中心标题四"><img src="{HOME_THEME_PATH}picture/1-1Z10ZU2190-L.jpg"
                                alt="产品中心标题四">
                            <h3>产品中心标题四</h3>
                            <span class="time">2019-01-09</span>
                            <p>面包也写作麺包，一种用五谷（一般是麦类）磨粉制作并加热而制成的食品。以小麦粉为主要原料，以酵母、鸡蛋、油脂、糖、盐等为辅料，加水调制成面团，经过分割、成形、醒发、...</p>
                        </a></li>
                    <li class="item"><a href="15.html" title="产品中心标题三"><img src="{HOME_THEME_PATH}picture/1-1Z10ZU1310-L.jpg"
                                alt="产品中心标题三">
                            <h3>产品中心标题三</h3>
                            <span class="time">2019-01-09</span>
                            <p>面包也写作麺包，一种用五谷（一般是麦类）磨粉制作并加热而制成的食品。以小麦粉为主要原料，以酵母、鸡蛋、油脂、糖、盐等为辅料，加水调制成面团，经过分割、成形、醒发、...</p>
                        </a></li>
                </ul>
            </div>

            <!--产品推荐结束-->
        </div>
        <!--图片内容结束-->
    </div>
    {template footer.html}
    <script src="{HOME_THEME_PATH}js/aos.js"></script>
    <script src="{HOME_THEME_PATH}js/app.js"></script>
    <script type="text/javascript">
        AOS.init({
            easing: 'ease-out-back',
            duration: 1000
        });
    </script>
</body>

</html>